// var lastLength = 0
// var globalCardsStyle = []
// var allCardsHeight = []
// var globalCardsHeight = []
// var globalCardsArray = []
// var currentHighLightItem
// var absoluteTop = 0

// function main() {
//   if (!absoluteTop) {
//     var cdb = document.querySelector('.card')?.getBoundingClientRect()
//     if (cdb) {
//       absoluteTop = cdb.top + document.documentElement.scrollTop - 8 - 60
//       allCardsHeight.push(absoluteTop)
//       globalCardsHeight.push(absoluteTop)
//     }
//   } else {
//     var cards = $(".card")
//     var globalCardsArray = cards.toArray()
//     var currentLength = globalCardsArray.length
//     console.log(currentLength)
//     if (lastLength != currentLength) {
//       globalCardsArray.slice(lastLength, currentLength).forEach(function (ele, idx) {
//         var top = ele.getBoundingClientRect().height + 8
//         if (top > 50) {
//           allCardsHeight.push(top)
//         }
//       })
//       globalCardsHeight.length = 1
//       allCardsHeight.reduce((sum, h) => {
//         globalCardsHeight.push(sum + h)
//         return sum + h
//       })
//       cards.slice(lastLength, currentLength).append(function(index) {
//         var div = $(`<div class="card-number">${index + lastLength + 1}</div>`)
//         return div
//       })
//       globalCardsStyle = globalCardsArray.map(function (ele) {
//         return ele.style//.querySelector('.card-number')?.style
//       })
//       lastLength = currentLength
//     }
//   }
// }

// document.addEventListener('scroll', function () {
//   var currentSroll = document.documentElement.scrollTop
//   // console.log(currentSroll)
//   globalCardsStyle.forEach(function (ele, index) {
//     if (!ele) return
//     if (index < lastLength - 1 && globalCardsHeight[index] < currentSroll && globalCardsHeight[index + 1] > currentSroll) {
//       ele.background = 'yellow'
//       currentHighLightItem = globalCardsArray[index]
//     } else {
//       ele.background = 'white'
//     }
//   })
// })

// setInterval(() => {
//   main()
//   console.log(globalCardsHeight, allCardsHeight)
// }, 5000);